<!DOCTYPE html>
<head>
	<title>训练大数据可视化系统</title>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<style>
		@import url(static/cesium/Widgets/widgets.css);
		@import url(static/cesium/Navigation/cesium-navigation.css);
	</style> 
	<link rel="stylesheet" href="app/assets/css/map.css">
	<link rel="stylesheet" href="app/assets/css/default/index.css">
	<link rel="stylesheet" href="app/assets/css/simple-black-green.css">
	
	
	<!-- Bootstrap core CSS -->
    <link href="docs/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="docs/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="navbar-static-top.css" rel="stylesheet">
	    <!-- Custom styles for this template -->
      <link href="menu.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="docs/assets/js/ie-emulation-modes-warning.js"></script>
	
	<style>
	.navnew{background-color:gray;background-image:url(images/navback222.png); background-repeat:repeat-x; background-size:100% 100%;-moz-background-size:100% 100%;}
	#navbar a:link{color:#FFFFFF;}
　　 #navbar a:visited {color: green}	/* 已访问的链接 */
　　 #navbar a:hover {color: black}	/* 鼠标移动到链接上 */
	#navbar 　a:active {color: yellow}	/* 选定的链接，即鼠标按下去的时候不松开显示的状态 */
	#navbar ul li.active{color:#dcfb31;}
	.dropdown-menu{background-color:rgba(63,62,62,0.5);color:#FFFFFF;}
	.dropdown-menu a{color:#FFFFFF;}
	

	</style>
</head>
<body class="simple-black-green">


<!-- Static navbar -->
    <nav class="navbar navbar-default navbar-static-top navnew">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a id="awhite" class="navbar-brand" style="color:#FFFFFF;" href="#"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav" id="menuul">
            <li><a href="#" id="xunlianjidimenu">训练基地</a></li>
			<li class="active"><a href="#"  id="xunlianshebei">训练设备</a></li>
            <li><a href="#" id="xunlianshujufenximenu">训练数据分析</a></li>
			<li><a href="#" id="xunliantaishi">训练态势</a></li>
			<li><img src="images/navback11.png" /></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">下拉菜单 <span class="caret"></span></a>
			  
			  
              <ul class="dropdown-menu">
                <li><a href="#">菜单一</a></li>
                <li><a href="#">菜单二</a></li>
                <li><a href="#">菜单三</a></li>
                <li role="separator" class="divider">菜单四</li>
                <li class="dropdown-header">菜单五</li>
                <li><a href="#">菜单六</a></li>
                <li><a href="#">菜单七</a></li>
              </ul>
			  
			  
			  
            </li>
          </ul>
         <!-- <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar/">Default</a></li>
            <li class="active"><a href="./">Static top <span class="sr-only">(current)</span></a></li>
            <li><a href="../navbar-fixed-top/">Fixed top</a></li>
          </ul>-->
        </div><!--/.nav-collapse -->
      </div>
    </nav>


	<input type="text" id="airportType" class="hidden" style="display: none;" value="">
	<div id="cesiumContainer"></div>
	<!-- <div class="cesium-edit panel-background"> -->
	<!--     <div id="cesiumEdit"></div> -->
	<!-- </div> -->
	<div class="platform-container">
		<div id="demo" class="roleMsg">
			<div class="roleMsgCon">
				<div id="demo1">
					<ul>
						<li><span class="list-num">1</span>2018年5月21日 上午小雨 西南风3-4级。</li>
						<li><span class="list-num">2</span>当前待处理告警数量<span class="warning-num warningBtn">4</span>条</li>
						<li><span class="list-num">3</span>当前待处理工作任务数量<span class="warning-num taskBtn">4</span>条</li>
					</ul>
				</div>
				<div id="demo2"></div>
			</div>
		</div>
		<!--<div class="control-area">
			<div class="show-lft-area">
				<div class="platform-logo">
					<img src="app/assets/images/pic_logo.png" height="50" alt="平台LOGO">
				</div>
				<div class="platform-name">训练大数据可视化系统</div>
				<div class="platform-weather">
					 <div class="weather-img">天气图</div>
                 <div class="weather-txt">
                     <div class="weather-wind">风向</div>
                     <div class="weather-temperature">温度</div>
                 </div> 
					<input type="text" id="cityName" style="display: none;" placeholder="请输入城市" value="北京">
				</div>
				<div class="platform-area">
					<div class="platform-area-img">
						<img src="app/assets/images/pic_war_zone.png" height="32" alt="基地">
					</div>
				</div>
				<div class="platform-name-sm">基地</div>
				<div class="clear"></div>
			</div>
			<div class="show-rgt-area">
				<div class="show-login-area">
					        	    <div class="platform-login-nm">欢迎000登录</div>
					<div class="platform-login-nm">
						<div class="triangle-right"></div>
						<p>
							欢迎 <span id="welcome">xxx</span> 登录
						</p>
					</div>
				</div>
				<div class="show-btn-area">
					<div class="platform-login-con">
						<div class="platform-login"></div>
					</div>
					<div class="platform-warning">
						<div class="platform-warning-num">0</div>
					</div>
					<div class="platform-tools"></div>
					 
				</div>
			</div>

		</div>-->
		<!--工具列表-->
		<div class="content-area">
			<!-- 工具列表展示区域 -->
			<div class="tools-list-new">
				<div data-index="senior" class="tools-btn tools-senior">
					<img class="tools-list-img" src="app/assets/images/pic_senior_nml.png" alt="场务保障">
					<div class="tools-list-txt">场务保障</div>
				</div>
 
				<div data-index="common" class="tools-btn tools-common">
					<img class="tools-list-img" src="app/assets/images/pic_common_nml.png" alt="工具设置">
					<div class="tools-list-txt">工具设置</div>
				</div>
				<div data-index="tips" class="tools-btn tools-tips">
					<img class="tools-list-img" src="app/assets/images/pic_tips_nml.png" alt="公告信息">
					<div class="tools-list-txt">公告信息</div>
				</div>

			</div>

			<!--公共工具tab区域-->
			<div class="tabBox">
				<ul id="tabBox">
					<li data-index="1" data-init="0" data-class="eagleEye" class="tabBtn current">
						<div class="eagleEye"></div>
						<div class="tabBtips">鹰眼</div>
					</li>
					<li data-index="2" data-init="0" data-class="cutline" class="tabBtn">
						<div class="cutlineN"></div>
						<div class="tabBtips">图例</div>
					</li>
					<li data-index="3" data-init="0" data-class="cesiumEdit" class="tabBtn">
						<div class="cesiumEdit"></div>
						<div class="tabBtips">3D编辑</div>
					</li>
					<li data-index="4" data-init="0" data-class="role" class="tabBtn">
						<div class="role"></div>
						<div class="tabBtips">漫游</div>
					</li>

					<li data-index="5" data-init="0" data-class="basemap" class="tabBtn">
						<div class="basemap"></div>
						<div class="tabBtips">底图</div>
					</li>
					<!-- 					<li data-index="6" data-init="0" data-class="weather" -->
					<!-- 						class="tabBtn"> -->
					<!-- 						<div class="eagleEye"></div> -->
					<!-- 						<div class="tabBtips">气象实况</div> -->
					<!-- 					</li> -->
				</ul>
				<div class="tabBoxCon" id="tabBoxCon">
					<div id="tabcon_1" data-index="eagleEye" class="tabcon select">
						<div class="comTools-title">
							<div class="comTools-txt">鹰眼图</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con">
							<div class="mini-map">
								<div id="miniMap"></div>
							</div>

						</div>
					</div>
					<div id="tabcon_2" data-index="cutline" class="tabcon">
						<div class="comTools-title">
							<div class="comTools-txt">图例</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con"></div>
					</div>
					<div id="tabcon_3" data-index="cesiumEdit" class="tabcon">
						<div class="comTools-title">
							<div class="comTools-txt">编辑</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con">
							<div id="cesiumEdit"></div>
						</div>
					</div>
					<div id="tabcon_4" data-index="cameraPath" class="tabcon">
						<div class="comTools-title">
							<div class="comTools-txt">漫游</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con">
							<div id="cameraPath" class="camera-path"></div>
						</div>
					</div>

					<div id="tabcon_5" data-index="basemap" class="tabcon">
						<div class="comTools-title">
							<div class="comTools-txt">底图</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con">
							<div class="base-map-center">
								<div class="base-map-item" data-id="default">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/googleAerial.png">
									<div class="base-map-itemLabel">谷歌影像</div>
								</div>
								<div class="base-map-item" data-id="esri-imagery">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/esriWorldImagery.png">
									<div class="base-map-itemLabel">ESRI 影像</div>
								</div>
								<div class="base-map-item" data-id="esri-street">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/esriWorldStreetMap.png">
									<div class="base-map-itemLabel">ESRI 道路</div>
								</div>
								<div class="base-map-item" data-id="osm-street">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/openStreetMap.png">
									<div class="base-map-itemLabel">OSM 道路</div>
								</div>
								<div class="base-map-item" data-id="natural">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/naturalEarthII.png">
									<div class="base-map-itemLabel">自然地理</div>
								</div>
								<div class="base-map-item" data-id="tdt-imagery">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/esriWorldImagery.png">
									<div class="base-map-itemLabel">
										天地图<br />影像
									</div>
								</div>
								<div class="base-map-item" data-id="tdt-street">
									<img class="base-map-itemIcon" src="app/assets/images/imageryProviders/esriWorldStreetMap.png">
									<div class="base-map-itemLabel">
										天地图<br />道路
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="tabcon_6" data-index="weather" class="tabcon">
						<div class="comTools-title">
							<div class="comTools-txt">气象实况</div>
							<img class="comTools-cal" src="app/assets/images/pic_btn-cancel.png" alt="关闭">
						</div>
						<div class="comTools-con">
							<div id="weatherMap" class="weather-map"></div>
						</div>
					</div>
				</div>
			</div>

			<!-- 高级工具展示区域 -->
			<div class="senior-list" id="senior-list">
				<ul>				 
					<li data-index="1" class="senior-btn">
						<div class="btn-runway"></div>机场道面
					</li>
					<li data-index="2" class="senior-btn">
						<div class="btn-fireFighting"></div>机场消防
					</li>
					<li data-index="3" class="senior-btn">
						<div class="btn-lighting"></div>助航灯光
					</li>
					<li data-index="4" class="senior-btn">
						<div class="btn-discBirds"></div>机场驱鸟
					</li>
					<li data-index="5" class="senior-btn">
						<div class="btn-clearSky"></div>机场净空
					</li>
					<li data-index="6" class="senior-btn">
						<div class="btn-enclosure"></div>机场围界
					</li>
					<li data-index="7" class="senior-btn">
						<div class="btn-enclosure"></div>机场电力
					</li>
					<li data-index="8" class="senior-btn">
						<div class="btn-enclosure"></div>机场车辆
					</li>
					<li data-index="9" class="senior-btn">
						<div class="btn-enclosure"></div>机场人员
					</li>
 				</ul>
			</div>
 
			<!-- 登录状态展示区域 -->
			<div class="login-list">
				<div class="login-btn login-personal-info">
					<img class="tools-list-img" src="app/assets/images/pic_personal_info.png" alt="个人信息">
					<div class="tools-list-txt">个人信息</div>
				</div>
				<div class="login-btn login-data-modify">
					<img class="tools-list-img" src="app/assets/images/pic_data_modify.png" alt="修改资料">
					<div class="tools-list-txt">修改资料</div>
				</div>
				<div class="login-btn login-loyout">
					<img class="tools-list-img" src="app/assets/images/pic_login_loyout .png" alt="退出登录">
					<div class="tools-list-txt">退出登录</div>
				</div>
			</div>

			<!-- 左侧内容展示区域 -->
			<div class="content-lft-area">
				<!-- 高级工具业务Tab展示区域 -->
				<div class="optTabBox">
					<ul id="optTabBox">

						<li data-index="2" data-init="0" data-class="runway" class="">
							<div class="runway"></div>
							<div class="tabBtips">机场道面</div>
						</li>
						<li data-index="3" data-init="0" data-class="fireFighting" class="">
							<div class="fireFighting"></div>
							<div class="tabBtips">机场消防</div>
						</li>
						<li data-index="4" data-init="0" data-class="lighting" class="">
							<div class="lighting"></div>
							<div class="tabBtips">助航灯光</div>
						</li>
						<li data-index="5" data-init="0" data-class="discBirds" class="">
							<div class="discBirds"></div>
							<div class="tabBtips">机场驱鸟</div>
						</li>

						<li data-index="6" data-init="0" data-class="clearSky" class="">
							<div class="clearSky"></div>
							<div class="tabBtips">净空</div>
						</li>
						<li data-index="7" data-init="0" data-class="enclosure" class="">
							<div class="enclosure"></div>
							<div class="tabBtips">围界</div>
						</li>
						<li data-index="8" data-init="0" data-class="vehicle" class="">
							<div class="enclosure"></div>
							<div class="tabBtips">机场电力</div>
						</li>
						<li data-index="9" data-init="0" data-class="vehicle" class="">
							<div class="enclosure"></div>
							<div class="tabBtips">机场车辆</div>
						</li>
						<li data-index="10" data-init="0" data-class="person" class="">
							<div class="enclosure"></div>
							<div class="tabBtips">机场人员</div>
						</li>

					</ul>
					<div class="optTabBoxCon" id="optTabBoxCon">

						<div id="optTabcon_2" data-index="RoadCell" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场道面</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con">
								<!-- 						    <div id="roadCell" class="road-cell"></div> -->
							</div>
						</div>
						<div id="optTabcon_3" data-index="FireFighting" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场消防</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_4" data-index="Lighting" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场灯光</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_5" data-index="ManagerBird" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场驱鸟</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con">
								<div id="driveBirds">
									<div id="driveBirdsList" class="driveBirdsList"></div>
									<div class="driveBirdsList-con" id="driveBirdsList-con"></div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
						<div id="optTabcon_6" data-index="Clearance" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场净空</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_7" data-index="Enclosure" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场围界</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_8" data-index="Power" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场电力</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_9" data-index="Vehicle" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场车辆</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>
						<div id="optTabcon_10" data-index="Person" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">机场人员</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con"></div>
						</div>

						<div id="optTabcon_13" data-index="searchCon" class="optTabcon">
							<div class="comTools-title">
								<div class="comTools-txt">搜索结果</div>
								<div class="comTools-txt-sm">District A Light Distribution</div>
							</div>
							<div class="comTools-con">
								<ul class="search-list clear" id="search-list"></ul>
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>
	</div>
 

	<div id="globleMessage" class="globle-message"></div>

	<!-- 加载类库 -->
	<script src="static/eventEmitter/eventEmitter.js"></script>
	<script src="static/jquery/jquery-2.1.1.js"></script>
	<script src="static/jqueryui/jquery-ui.min.js"></script>	 
	<script src="static/cesium/Cesium.js"></script>
	<script src="static/mustache/mustache.min.js"></script>
	<script src="static/moment/moment.min.js"></script>
	<script src="static/Cesium/Navigation/cesium-navigation.js"></script>
	<!-- 加载工具类 -->

	<script src="app/js/event.js"></script>

	<script src="app/js/func.js"></script>
	  
		<!-- 初始化页面 -->
	<script src="app/js/index.js"></script>


	
	
	


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="docs/dist/js/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="docs/assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="docs/dist/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="docs/assets/js/ie10-viewport-bug-workaround.js"></script>
	<script>
	$(function(){
		 $('#menuul li').click(function() {
			 if($("#sidebar")){
			  $("#sidebar").remove();
			 }
		 
		 	var i = $(this).index();//下标第一种写法
			if($($(this).children()[0]).attr("id")=="xunlianjidimenu"){
				var jidiarray = ['训练基地一','训练基地二','训练基地三','训练基地四','训练基地五','训练基地六','训练基地七'];
				var jistr = '<div id="sidebar"><ul>';
				for(var i=0;i<jidiarray.length;i++){
					jistr += '<li class="lj"><a href="javascript:" onClick="alert(\''+jidiarray[i]+'\');"><i></i>'+jidiarray[i]+'</a></li>';
				}
				jistr += '</ul></div>';
			    $("body").append(jistr);
				 if($("#containerdiv2")){
				  $("#containerdiv2").remove();
				 }

				var cstr = '<div id="containerdiv2"  style=""><Img src="images/image004.jpg" style="width:100%;" /></div>';
				 $("body").append(cstr);
			}
			
			if($($(this).children()[0]).attr("id")=="xunlianshujufenximenu"){
				var jidiarray = ['重大活动预案数据分析','年度训练计划数据分析','季度训练计划数据分析','月训练计划数据分析','个人训练计划数据分析','训练人员数据分析'];
				var jistr = '<div id="sidebar"><ul>';
				for(var i=0;i<jidiarray.length;i++){
					jistr += '<li class="lj"><a href="javascript:" onClick="alert(\''+jidiarray[i]+'\');"><i></i>'+jidiarray[i]+'</a></li>';
				}
				jistr += '</ul></div>';
			    $("body").append(jistr);
				if($("#containerdiv2")){
				  $("#containerdiv2").remove();
				 }
				var cstr = '<div id="containerdiv2"  style=""><Img src="images/image009.png" style="width:100%;" /></div>';
				 $("body").append(cstr);
			}
			
			if($($(this).children()[0]).attr("id")=="xunliantaishi"){
				/*var jidiarray = ['重大活动预案数据分析','年度训练计划数据分析','季度训练计划数据分析','月训练计划数据分析','个人训练计划数据分析','训练人员数据分析'];
				var jistr = '<div id="sidebar"><ul>';
				for(var i=0;i<jidiarray.length;i++){
					jistr += '<li class="lj"><a href="javascript:" onClick="alert(\''+jidiarray[i]+'\');"><i></i>'+jidiarray[i]+'</a></li>';
				}
				jistr += '</ul></div>';
			    $("body").append(jistr);*/
				if($("#containerdiv2")){
				  $("#containerdiv2").remove();
				 }
				var cstr = '<div id="containerdiv2"  style=""><Img src="images/image010.jpg" style="width:100%;" /></div>';
				 $("body").append(cstr);
			}
			
			if($($(this).children()[0]).attr("id")=="xunlianshebei"){
				/*var jidiarray = ['重大活动预案数据分析','年度训练计划数据分析','季度训练计划数据分析','月训练计划数据分析','个人训练计划数据分析','训练人员数据分析'];
				var jistr = '<div id="sidebar"><ul>';
				for(var i=0;i<jidiarray.length;i++){
					jistr += '<li class="lj"><a href="javascript:" onClick="alert(\''+jidiarray[i]+'\');"><i></i>'+jidiarray[i]+'</a></li>';
				}
				jistr += '</ul></div>';
			    $("body").append(jistr);*/
				if($("#containerdiv2")){
				  $("#containerdiv2").remove();
				 }
					var cstr = '<div id="containerdiv2"  style=""><Img src="images/image008.png" style="width:100%;" /></div>';
				 $("body").append(cstr);
			}
			
			
            //var i = $('tit').index(this);//下标第二种写法
            $(this).addClass('active').siblings().removeClass('active');
           // $('#con li').eq(i).show().siblings().hide();
		 });
		$("#xunlianshebei").parent().click();
	});
	</script>

</body>
</html>
